<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>无标题文档vue</title>
	<link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<link href="node_modules/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" type="text/css">
	<!-- <script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1/dist/es-module-shims.min.js" crossorigin="anonymous"></script> -->
	<script type="importmap">
        {
			"imports": {
				"@popperjs/core": "./node_modules/@popperjs/core/dist/esm/index.js",
				"bootstrap": "./node_modules/bootstrap/dist/js/bootstrap.esm.min.js",
				"vue": "./node_modules/vue/dist/vue.esm-browser.js",
				"nav_tree": "./dist/lib/nav_tree.js"
			  }		
        }
    </script>
</head>

<body>
	<div id="app">
		<p >{{message}}</p>
		<p @click="++count">{{count}}</p>
		<div>
			<button type="button" class="btn btn-primary" @click="change">change</button>
			<button type="button" class="btn btn-primary" @click="increase($event,2)">increase</button>
		</div>
	</div>
	<script type="module">
		// import * as Popper from "@popperjs/core"
		import * as bootstrap from 'bootstrap'
		import init from "nav_tree";
		init('aaa')
	</script>


</body>

</html>